import React,{Component} from 'react';
import { SearchBar,Button, WhiteSpace, WingBlank } from 'antd-mobile';
import 'antd-mobile/dist/antd-mobile.css';
import "../../Style/fund.css";

export default class Search_top extends React.Component {
    state = {
        value: '',
    };
    onChange= (value) => {
        this.setState({ value });
    };
    clear = () => {
        this.setState({ value: '' });
    };

    render() {
        return (
            <div>
                <SearchBar className="search_bar"
                    value={this.state.value}
                    placeholder="Search"
                    onSubmit={value => console.log(value, 'onSubmit')}
                    onClear={this.clear}
                    onFocus={() => console.log('onFocus')}
                    onBlur={() => console.log('onBlur')}
                    onCancel={() => console.log('onCancel')}
                    showCancelButton={false}
                    onChange={this.onChange}
                />
        </div>)
    };
};